<%--
  Created by IntelliJ IDEA.
  User: 20321
  Date: 2024/3/8
  Time: 22:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<div class="container">
    <footer class="py-5">
        <div class="row">
            <div class="col-6 col-md-2 mb-3">
                <h5>云服务</h5>
                <ul class="nav flex-column">
                    <li class="nav-item mb-2"><a href="https://cn.aliyun.com/" class="nav-link p-0 text-body-secondary">阿里云</a></li>
                    <li class="nav-item mb-2"><a href="https://www.huaweicloud.com/" class="nav-link p-0 text-body-secondary">华为云</a></li>
                    <li class="nav-item mb-2"><a href="https://cloud.tencent.com/" class="nav-link p-0 text-body-secondary">腾讯云</a></li>
                    <li class="nav-item mb-2"><a href="https://www.jdcloud.com/" class="nav-link p-0 text-body-secondary">京东云</a></li>
                    <li class="nav-item mb-2"><a href="https://www.ctyun.cn/" class="nav-link p-0 text-body-secondary">天翼云</a></li>
                </ul>
            </div>

            <div class="col-6 col-md-2 mb-3">
                <h5>地图服务</h5>
                <ul class="nav flex-column">
                    <li class="nav-item mb-2"><a href="https://www.autonavi.com/" class="nav-link p-0 text-body-secondary">高德地图</a></li>
                    <li class="nav-item mb-2"><a href="https://map.qq.com/" class="nav-link p-0 text-body-secondary">腾讯地图</a></li>
                    <li class="nav-item mb-2"><a href="https://map.baidu.com/" class="nav-link p-0 text-body-secondary">百度地图</a></li>
                    <li class="nav-item mb-2"><a href="https://www.baidu.com/" class="nav-link p-0 text-body-secondary">other</a></li>
                </ul>
            </div>

            <div class="col-6 col-md-2 mb-3">
                <h5>学院介绍</h5>
                <ul class="nav flex-column">
                    <li class="nav-item mb-2"><a href="https://rj.haust.edu.cn/" class="nav-link p-0 text-body-secondary">软件学院</a></li>
                    <li class="nav-item mb-2"><a href="https://jd.haust.edu.cn/" class="nav-link p-0 text-body-secondary">机电学院</a></li>
                    <li class="nav-item mb-2"><a href="https://cd.haust.edu.cn/" class="nav-link p-0 text-body-secondary">车辆学院</a></li>
                    <li class="nav-item mb-2"><a href="https://ng.haust.edu.cn/" class="nav-link p-0 text-body-secondary">农工学院</a></li>
                    <li class="nav-item mb-2"><a href="https://yxb.haust.edu.cn/" class="nav-link p-0 text-body-secondary">医学院</a></li>
                </ul>
            </div>

            <div class="col-md-5 offset-md-1 mb-3">
                <form>
                    <h5>Subscribe to our newsletter</h5>
                    <p>Monthly digest of what's new and exciting from us.</p>
                    <div class="d-flex flex-column flex-sm-row w-100 gap-2">
                        <label for="newsletter1" class="visually-hidden">Email address</label>
                        <input id="newsletter1" type="text" class="form-control" placeholder="Email address">
                        <button class="btn btn-primary" type="button">Subscribe</button>
                    </div>
                </form>
            </div>
        </div>

        <div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
            <p>&copy; 2024 Company, Inc. All rights reserved.</p>

            <ul class="list-unstyled d-flex">
                <li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"/></svg></a></li>
                <li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"/></svg></a></li>
                <li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"/></svg></a></li>
            </ul>
        </div>
    </footer>
</div>
</body>
</html>
